window.addEventListener('load', function () {
    function getanima(obj, target, callback) {
        // console.log(callback);  callback = function() {}  调用的时候 callback()

        // 先清除以前的定时器，只保留当前的一个定时器执行
        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            // 步长值写到定时器的里面
            // 把我们步长值改为整数 不要出现小数的问题
            // var step = Math.ceil((target - obj.offsetLeft) / 10);
            var step = (target - window.pageYOffset) / 10;
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            if (window.pageYOffset == target) {
                // 停止动画 本质是停止定时器
                clearInterval(obj.timer);
                // 回调函数写到定时器结束里面
                // if (callback) {
                //     // 调用函数
                //     callback();
                // }
                callback && callback();
            }
            // 把每次加1 这个步长值改为一个慢慢变小的值  步长公式：(目标值 - 现在的位置) / 10
            // obj.style.left = window.pageYOffset + step + 'px';
            window.scroll(0, window.pageYOffset + step);

        }, 15);
    }

    let like = document.querySelector('.shopbanner_like');

    for (i = 0; i < like.children.length; i++) {
        like.children[i].addEventListener('click', function () {
            for (i = 0; i < like.children.length; i++) {

                like.children[i].className = 'shopbanner_like_2'
                this.className = 'shopbanner_like_1';

            }


        })
    }
    //猜你喜欢上方部分
    let next = document.querySelector('.shopbanner_like_banner_next');
    let previous = document.querySelector('.shopbanner_like_banner_previous');
    let content = document.querySelector('.shopbanner_like_banner_content ul');
    let falng = 0;
    next.addEventListener('click', function () {

        falng++;
        console.log(falng);
        let num = -990 + falng * -990 + 'px';
        console.log(num);
        content.style.transform = 'translate(' + num + ')';
        if (falng == 1) {
            this.style.display = 'none';
            previous.style.display = 'block';
        }
        else {
            previous.style.display = 'block';
        }


    })
    previous.addEventListener('click', function () {
        falng--;
        console.log(falng);
        let num = -990 + falng * -990 + 'px';
        console.log(num);
        content.style.transform = 'translate(' + num + ')';
        if (falng == -1) {
            this.style.display = 'none';
            next.style.display = 'block';
        }
        else {
            next.style.display = 'block';
        }
    })
    // console.log(next);

    let content_old = document.querySelector('.shopbanner_like_banner_content ul');
    let content_new = document.querySelector('#new_content');
    like.children[0].onclick = function () {

        content_old.style.display = 'block';
        content_new.style.display = 'none';
        content.style.transform = 'translate(-990px)';
        falng = 0;
        next.style.display = 'block';
        previous.style.display = 'block';
    }
    like.children[1].onclick = function () {
        content_old.style.display = 'none';
        content_new.style.display = 'block';
        content.style.transform = 'translate(-990px)';
        falng = 0;
        next.style.display = 'none';
        previous.style.display = 'none';

    }
    //返回顶部模块
    let back = document.querySelector('.goback');
    window.onscroll = function () {
        if (window.pageYOffset >= 160) {
            $('.goback').fadeIn();
        }
        else {
            $('.goback').fadeOut();
        }
    }

    back.onclick = function () {
        getanima(window, 0);
    }
    back.onmousedown = function () {
        this.style.color = '#e60012'
    }
    back.onmouseup = function () {
        this.style.color = ''
    }
    //完成
})
//下面用jq写购物车 .check_j:checked 表示有几个打勾
$(function () {
    $('.check_all').change(function () {
        $('.check_j,.check_all ').prop('checked', $(this).prop('checked'));
        if ($(this).prop('checked')) {
            $('.section_banner').addClass('section_banner_bg');
        }
        else {
            $('.section_banner').removeClass('section_banner_bg')
        }
    })
    $('.check_j').change(function () {
        if ($('.check_j:checked').length == $('.check_j').length) {
            $('.check_all').prop('checked', true);
        }
        else {
            $('.check_all').prop('checked', false);
        }
        if ($(this).prop('checked')) {
            $(this).parents('.section_banner').addClass('section_banner_bg');
        }
        else {
            $(this).parents('.section_banner').removeClass('section_banner_bg');
        }
    })
    //数量加减模块
    $('.increment').click(function () {
        let n = $(this).siblings('input').val();
        n++;
        $(this).siblings('input').val(n);
        let unit = $(this).parent('li').siblings('.unit').html();
        let unit_p = unit.substr(1);
        // console.log(unit_p);
        let price = '￥' + (n * unit_p).toFixed(2);
        $(this).parent('li').siblings('.text_111').html(price);
        getsum();
        getlist();
    })
    $('.decrement').click(function () {
        let n = $(this).siblings('input').val();
        if (n == 1) {
            // $(this).css('cursor', 'no-drop');
            return false;
        }
        n--;
        $(this).siblings('input').val(n);
        let unit = $(this).parent('li').siblings('.unit').html();
        let unit_p = unit.substr(1);
        // console.log(unit_p);
        let price = '￥' + (n * unit_p).toFixed(2);
        $(this).parent('li').siblings('.text_111').html(price);
        getsum();
        getlist();
    })
    $('.itxt').change(function () {
        let n = $(this).val();
        console.log(n);
        let unit = $(this).parent('li').siblings('.unit').html();
        let unit_p = unit.substr(1);
        let price = '￥' + (n * unit_p).toFixed(2);
        $(this).parent('li').siblings('.text_111').html(price);
        getsum();
        getlist();
    })

    //购物车总计总额模块函数
    function getsum() {
        let num = 0;
        let money = 0;
        $('.itxt').each(function (i, de) {
            num += parseInt($(de).val());

        })
        $('.text_111').each(function (i, de) {
            money += parseFloat($(de).text().substr(1));

        })
        console.log(money);
        $('.section_pay_money').text('￥' + money.toFixed(2));
        $('.section_pay b').text(num);
        $('.tiele_right').text(num);
    }
    getsum();//执行一次调用防止刷新空白

    //删除模块
    //单个
    $('.shop_remove').click(function () {
        $(this).parents('.section_banner').remove();
        getsum();
        getlist();
    })
    //选中
    $('.shop_checkremove').click(function () {
        $('.check_j:checked').parents('.section_banner').remove();
        getsum();
        getlist();
    })
    //全部
    $('.shop_allremove').click(function () {
        $('.section_banner').remove();
        getsum();
        getlist();
    })
    //将商品数量section_banner（有几个就有几个商品）传输到主页购物车；
    getlist();
    function getlist() {
        console.log($('.section_pay b').text());
        localStorage.setItem('shoplist', $('.section_pay b').text())
    }
})
